<template>
    <l-page class="block pb-3">
        <l-navbar title="家装分期额度测算"></l-navbar>
        <view class="panel shadow">
            <u-steps :current="setp">
                <u-steps-item title="个人信息"></u-steps-item>
                <u-steps-item title="征信信息"></u-steps-item>
                <u-steps-item title="物业信息"></u-steps-item>
                <u-steps-item title="额度结果"></u-steps-item>
            </u-steps>

        </view>
        <view class="panel shadow" v-if="setp == 0">
            <l-input label=""></l-input>
            <view class="mt-3 flex items-center">
                <view class="mr-2">
                    年龄
                </view>
                <u-radio-group>
                    <u-radio shape="circle" label="本地"></u-radio>
                    &emsp;
                    <u-radio shape="circle" label="外地"></u-radio>
                    &emsp;
                    <u-radio shape="circle" label="外籍"></u-radio>
                </u-radio-group>
            </view>
            <l-input label="信用评分" class="mt-3"></l-input>
            <l-input label="年收入" class="mt-3"></l-input>
            <l-input label="家庭年收入" class="mt-3"></l-input>
            <l-input label="社保缴纳年数" placeholder="未缴纳或缴纳不满1年填0" class="mt-3"></l-input>
            <l-input label="公积金缴纳年数" placeholder="未缴纳或缴纳不满1年填0" class="mt-3"></l-input>
            <l-input label="个税缴纳年数" placeholder="未缴纳或缴纳不满1年填0" class="mt-3"></l-input>
            <view class="mt-3">
                <view>符合以下情况请勾选</view>
                <u-checkbox-group>
                    <u-checkbox label="公务员或事业单位正式在编人员"></u-checkbox>
                    <u-checkbox label="入伍满1年且持有军官证、干部证的军官"></u-checkbox>
                    <u-checkbox label="世界排名前100名大学全日制本科或以上学历"></u-checkbox>
                    <u-checkbox label="在本地有固定工作"></u-checkbox>
                </u-checkbox-group>
            </view>
            <l-button class="mt-3" @tap="setp = 1">下一步</l-button>
        </view>
        <view class="panel shadow" v-if="setp == 1">
            <l-input class="mt-3" label="2个月内征信查询次数"></l-input>
            <l-input class="mt-3" label="6个月内征信查询次数"></l-input>
            <l-input class="mt-3" label="征信月还金额"></l-input>
            <l-input class="mt-3" label="信用卡近半年已用+负债余额（万）"></l-input>
            <view class="mt-3">
                <view>以下情况如符合，请勾选</view>
                <u-checkbox-group>
                    <u-checkbox label="2年内存在连续3次征信逾期记录"></u-checkbox>
                    <u-checkbox label="2年内存在累计6次征信逾期记录"></u-checkbox>
                    <u-checkbox label="2年内存在征信逾期时间超过两个月的记录"></u-checkbox>
                </u-checkbox-group>
            </view>
            <l-button class="mt-3" type="error" @tap="setp = 0">上一步</l-button>
            <l-button class="mt-3" @tap="setp = 2">下一步</l-button>
        </view>
        <view class="panel shadow" v-if="setp == 2">
            <l-input label="物业地址" class="mt-3"></l-input>
            <l-input label="建筑面积" class="mt-3"></l-input>
            <l-input label="房产价值" class="mt-3"></l-input>
            <view class="mt-3 flex items-center">
                <view class="mr-2">
                    装修
                </view>
                <u-radio-group>
                    <u-radio shape="circle" label="硬装"></u-radio>
                    &emsp;
                    <u-radio shape="circle" label="软装"></u-radio>
                </u-radio-group>
            </view>
            <l-button class="mt-3" type="error" @tap="setp = 1">上一步</l-button>
            <l-button class="mt-3" @tap="setp = 3">下一步</l-button>
        </view>
    </l-page>
</template>
<script lang="ts" setup>
import { ref, reactive } from 'vue';


let setp = ref(0)
</script>